<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Student</title>
    <style>
        .inner{width: 300px; margin: 0 auto;}
        .shower{width: 600px;margin: 0 auto;}
        .shower table {width: 100%;}
    </style>
</head>
<body>
    <form>
        <div class="inner">
            <div>
                <label>学生学号</label>
                <input type="text" name="code">
            </div>
            <div>
                <label>学生姓名</label>
                <input type="text" name="name">
            </div>
            <div>
                <label>学生生日</label>
                <input type="date" name="birth">
            </div>
            <div>
                <label>学生班级</label>
                <input type="text" name="clazz">
            </div>
            <div>
                <label>学生性别</label>
                <label><input type="radio" name="gender" value="1">男 </label>
                <label><input type="radio" name="gender" value="2">女 </label>
            </div>
            <div>
                <input type="submit" value="添加" id="submit-button"> <input type="reset" value="清空">
            </div>
        </div>
    </form>
    <div class="shower">
        <table>
            <thead>
                <tr>
                    <th>学号</th>
                    <th>姓名</th>
                    <th>生日</th>
                    <th>班级</th>
                    <th>性别</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="list-container">

            </tbody>
        </table>
    </div>
    <script src="./student.js"></script>
</body>
</html>